<!--
 * @Author: your name
 * @Date: 2021-03-13 14:17:25
 * @LastEditTime: 2021-03-22 15:12:50
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \djc\item.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>商品详情</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/iconfont.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/item.css">
    <link rel="stylesheet" href="../css/footer.css">
</head>

<body>
    <!-- 顶部 -->
    <div id="top">
    </div>
    <!-- 搜索 -->
    <div id="search">
        <div class="container">
            <div class="logo fl"></div>
            <div class="sea fl">
                <input type="search" placeholder="请输入道具进行搜索" class="fl">
                <button class="fl">
                    <i class="iconfont icon-41"></i>
                </button>
            </div>
            <div class="lol fr"></div>
        </div>
    </div>
    <!-- 菜单 -->
    <div id="menu">
        <div class="container">
            <ul class="fl">
                <li>
                    <a href="##">首页</a>
                </li>
                <li>
                    <a href="##">商品列表</a>
                </li>
                <li>
                    <a href="##">活动专区</a>
                </li>
                <li>
                    <a href="##">限时折扣</a>
                </li>
                <li>
                    <a href="##">聚豆乐园</a>
                </li>
                <li>
                    <a href="##">周边商城</a>
                </li>
                <li>
                    <a href="##">个人中心</a>
                </li>
            </ul>
            <!-- 购物车 -->
            <div class="shopcar fl">
                <a href="##" class="fl">
                    <i class="iconfont icon-gouwuche"></i>
                    购物车
                </a>
                <span class="fl">(0)</span>
            </div>
        </div>
    </div>
    <!-- 选项卡 -->
    <div id="nav">
        <div class="container">
            <ul>
                <li>
                    <a href="##">全部分类</a>
                </li>
                <li>
                    <a href="list.html">英雄</a>
                </li>
                <li>
                    <a href="##">表情</a>
                </li>
                <li>
                    <a href="##">海克斯及其他</a>
                </li>
                <li>
                    <a href="##">云顶之弈</a>
                </li>
                <li>
                    <a href="##">皮肤</a>
                </li>
                <li>
                    <a href="##">道具</a>
                </li>
                <li>
                    <a href="##">守卫眼皮肤</a>
                </li>
                <li>
                    <a href="##">道具包</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 内容区 -->
    <div id="content">
        <div class="container">
            <!-- 分页标记 -->
            <p>
                <span>您现在的位置：</span>
                <span>英雄联盟 ></span>
                <span>全部商品 ></span>
                <span>道具详情</span>
            </p>
            <div>
                <!-- 左边 -->
                <div class="con_left fl">
                    <!-- 看了该商品的用户还看了 -->
                    <div>
                        <h5>看了该商品的用户还看</h5>
                        <p>
                            <img src="../images/item01.jpg" alt="" class="fl">
                            <span class="fr">魔法猫咪 悠米</span>
                            <span class="fr">Q币价：
                                <span>45.00QB</span>
                            </span>
                            <span class="fr">微信价：
                                <span>￥43.65</span>
                            </span>
                        </p>
                        <p>
                            <img src="../images/item02.jpg" alt="" class="fl">
                            <span class="fr">龙神之力 乌迪尔</span>
                            <span class="fr">Q币价：
                                <span>79.00QB</span>
                            </span>
                            <span class="fr">微信价：
                                <span>￥76.63</span>
                            </span>
                        </p>
                        <p>
                            <img src="../images/item03.jpg" alt="" class="fl">
                            <span class="fr">暮光星灵 佐伊</span>
                            <span class="fr">Q币价：
                                <span>45.00QB</span>
                            </span>
                            <span class="fr">微信价：
                                <span>￥43.65</span>
                            </span>
                        </p>
                    </div>
                    <!-- 猜你喜欢 -->
                    <div>
                        <h5>猜你喜欢</h5>
                        <p>
                            <img src="../images/item04.jpg" alt="" class="fl">
                            <span class="fr">虚空遁地兽 雷克赛</span>
                            <span class="fr">Q币价：
                                <span>35.00QB</span>
                            </span>
                            <span class="fr">微信价：
                                <span>￥33.95</span>
                            </span>
                        </p>
                        <p>
                            <img src="../images/item05.jpg" alt="" class="fl">
                            <span class="fr">银河魔装机神 纳尔</span>
                            <span class="fr">Q币价：
                                <span>79.00QB</span>
                            </span>
                            <span class="fr">微信价：
                                <span>￥76.63</span>
                            </span>
                        </p>
                        <p>
                            <img src="../images/item06.jpg" alt="" class="fl">
                            <span class="fr">春意怏然小青青...</span>
                            <span class="fr">Q币价：
                                <span>20.00QB</span>
                            </span>
                            <span class="fr">微信价：
                                <span>￥19.40</span>
                            </span>
                        </p>
                    </div>
                    <!-- 周边商城 -->
                    <div class="zb_shop">
                        <h5>周边商城</h5>
                        <p>
                            <img src="../images/item07.jpg" alt="">
                            <span>卡牌大师T恤（男女同款）</span>
                            <span>￥150.00</span>
                        </p>
                        <p>
                            <img src="../images/item08.jpg" alt="">
                            <span>NikeXLPL召唤师玩家</span>
                            <span>￥599.00</span>
                        </p>
                        <p>
                            <img src="../images/item09.jpg" alt="">
                            <span>护卫羁绊套装</span>
                            <span>￥300.00</span>
                        </p>
                        <p class="info">
                            <a href="##">更多></a>
                        </p>
                    </div>
                </div>
                <!-- 右边 -->
                <div class="con_right fr">
                    <div class="card">
                        <div class="fl">
                            <img src="../images/item10.jpg" alt="">
                            <span class="fl">
                                <i class="iconfont icon-icon-"></i>收藏物品</span>
                            <span class="fr">
                                <i class="iconfont icon-41 bd"></i>
                            </span>
                        </div>
                        <div class="fr get_list">

                        </div>
                        <div class="bd_yc">
                            <p>
                                <img src="../images/item10.jpg" alt="">
                                <span class="bd_xs">×</span>
                            </p>
                        </div>
                    </div>
                    <div class="shop_info">
                        <h5 class="fl">商品详情</h5>
                        <p class="fr img_ewm">
                            <span class="fl">手机购买</span>
                            <img src="../images/sm_ewm.jpg" alt="" class="fr">
                        </p>
                        <p class="shop_list">
                            <span>小蜜蜂 克格莫 炫彩礼包：</span>
                            <span>深渊巨口 克格莫 +</span>
                            <span>小蜜蜂 克格莫 +</span>
                            <span>元气满满七星瓢 克格莫 +</span>
                            <span>笑意盈盈紫蜂皇 克格莫 +</span>
                            <span>泪眼汪汪天蓝蓝 克格莫 +</span>
                            <span>悠哉悠哉小碧绿 克格莫 +</span>
                            <span>可爱可爱粉红红 克格莫 +</span>
                            <span>英姿飒爽小潇洒 克格莫 +</span>
                            <span>野心勃勃特工蝇 克格莫 +</span>
                            <span>五彩缤纷小可爱 克格莫</span>
                        </p>
                        <a href="##" class="img_ewms">
                            <img src="../images/ewm2.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div id="footer">

    </div>
    <script type="text/html" id="gl">
        {{each data item}}
            <h5 class="gettitle">{{item.title}}</h5>
            <p>
                <span>Q币价:
                    <span class="getprice">{{item.price}}</span> Q币
                </span>
                <span>微信价:
                    <span>￥{{(item.price *0.95).toFixed(2)}}</span>
                </span>
            </p>
            <p>期限：永久</p>
            <p listId="{{item.id}}">
                <button class="addCar">加入购物车</button>
                <button>赠送</button>
            </p>
        {{/each}}
    </script>


    <script src="../lib/require/require.js" data-main="../js/item"></script>
</body>

</html>